<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>装修看板</title>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../script/vant/index.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="./css/headersearch.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <!--<link rel="stylesheet" type="text/css" href="css/header.css" />-->
    <link rel="stylesheet" type="text/css" href="css/zhuangxiu.css" />
</head>

<body>
    <div id="app" v-cloak>
        <header class="topheader" id="aui-header" style="background:#289FFF;">
            <div class="aui_tab_box" style=" width: 98%; float: right;">
            </div>
        </header>
        <section class=" zhuangxiubox">
            <div class="zx_mainbox">
                <div class="zx_item">
                    <div class="zx_item_box">
                        <div class="zx_topbox"><i class="icon iconfont icon-zhuangxiuxuanzhong" style="font-size: 18px;color: #289FFF"></i>装修中</div>
                        <div class="zx_count"><span>{{form.decoration}}</span>户</div>
                    </div>
                    <div class="zx_item_box" v-on:click="do_openrenwu_list()">
                        <div class="zx_topbox">
                            <i class="icon iconfont icon-renwuguanli" style="font-size: 16px; padding: 6px; color: #289FFF"></i>巡查任务
                            <i class="icon iconfont icon-xiangyoujiantou" style=" background: none; font-size: 14px;color: #bbb"></i>
                        </div>
                        <div class="zx_count"><span>{{form.PlanTask}}</span>户</div>
                    </div>
                </div>
                <div class="zx_xiaoqu" v-on:click="choosexiaoqu()">
                    {{form.PrijectIDName}}
                    <i class="icon iconfont icon-down" style="font-size: 16px;color: #bbb"></i></div>
                <div class="zx_time">{{dateTime}}</div>
                
            </div>
            <div class="zx_msg">仅显示进行装修的楼栋信息</div>
            <div class="loudongbox">
                <div class="loudonglist lft">
                    <!-- <div v-on:click="choose_loudong()" v-bind:class="{'isactivecss':isactive==true}" class="allselect ">全部</div> -->
                    <ul  id="zx_pro_lft_ul">
                        <li v-on:click="choose_loudong(0)" v-bind:class="{'isactivecss':isactive==true}" class="zx_product_naitem" >
                            全部
                        </li>
                        <li  v-for="item in form.items" v-on:click="choose_loudong(item)" v-bind:class="{'isactivecss':item.iszctive==true}" class="zx_product_naitem" >
                           <!-- <div class="smallwidth">{{item.Name}}</div>  -->
                           {{item.Name}}
                            <div v-if="item.count>0" class="numcss">{{item.count}}</div>
                        </li>
                    </ul>
                </div>
                <div class="housemsg rgt">
                    <div class="housemsg_box">
                        <!-- <div class="housemsg_top">
                            <ul>
                                <li><i class="icon iconfont icon-hongdian" style="font-size: 12px;color: #bbb"></i>装修中</li>
                                <li><i class="icon iconfont icon-hongdian" style="font-size: 12px;color: #f68b11"></i>未完成</li>
                                <li><i class="icon iconfont icon-hongdian" style="font-size: 12px;color: #289FFF"></i>已完成</li>
                            </ul>
                        </div> -->
                        <div v-if="form.RoomStatus!=undefined&&form.RoomStatus.length>0" class="house_status_box">
                            <ul v-for="item in form.RoomStatus">
                                <li v-for="item2 in item.RoomInformation">
                                    <div>
                                        <div v-if="!isactive" class="chenTitle">
                                            <van-divider content-position="left">{{item2.ChenName}}</van-divider>
                                        </div>
                                        <div class="chenItem" v-if="item3.RoomName" v-bind:class="{'stopStyle':item3.IsStop==true}"  v-on:click="do_open_zxdetail(item3.ID,item3.IsStop)" v-for="item3 in item2.ChenInformation">
                                            <div class="smallwidth">{{item3.RoomName}}</div>
                                            <div class="homestatus">
                                                <span v-if="item3.Type==1">巡</span>
                                                <span v-if="item3.Type==3">验</span>
                                                <span v-if="item3.IsStop==true">停</span>
                                            </div>
                                        </div>

                                    </div>
                                    
                                </li>
                            </ul>
                        </div>
                        <div v-else class="noinfo" id="noorder">
                            <img src="../image/index/noinfomsg_icon.png" alt="" />
                            <h5><br />暂无相关数据</h5>
                        </div>

                    </div>
                </div>
            </div>
            <!-- <div class="noinfo" id="noorder" v-if="list.length==0">
                <img src="../image/index/noinfomsg_icon.png" alt="" />
                <h5><br />暂无相关数据</h5>
            </div> -->

        </section>
        
    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vant/vue.js"></script>
<script type="text/javascript " src="../script/vant/vant.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-tab.js"></script>
<script type="text/javascript" src="../script/aui-slide.js"></script>
<script type="text/javascript" src="../script/aui-popup.js"></script>
<!-- <script type="text/javascript" src="../script/aui-pull-refresh.js"></script> -->
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="js/zhuangxiu.js"></script>

</html>
